<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <h3>单项下拉选项框</h3>
        <select name="" id="" v-model="singleSelect">
            <!-- 如果没有设置value值，option的文本节点会被当成value -->
            <option value="汉代">汉代</option>
            <option value="唐代">唐代</option>
        </select>
         <p>{{singleSelect}}</p>
        <h3>多项下拉框</h3>
        <select name="" id="" multiple v-model="multiSelect">
            <option value="1">出身</option>
            <option value="2">争议</option>
            <option :value="3">结局悲凉</option>
        </select>
        <p>{{multiSelect}}</p>
    </div>
    <script type="text/javaScript"  charset="UTF-8" src="../JS文件/vue.js"></script>
   <script>
       let vm =new Vue({

        el:'#app',
        data(){
            return {
                singleSelect:'唐代',
                multiSelect:[1,2]
            }
        }

       })
   </script>
</body>
</html>